﻿ *{margin:0;padding:0;}
.landscape {height: 100%;display: none;background-color: #2baed0;width:100%;}
.landscape .iphone {background-image: url(../images/iphone.png);background-repeat: no-repeat;width: 73px;height: 109px;position: absolute;left: 50%;top: 50%;margin-top: -54px;margin-left: -36px;background-size: 73px 109px;animation: zhuan 1.5s;-moz-animation: zhuan 1.5s;-webkit-animation: zhuan 1.5s; -o-animation: zhuan 1.5s;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 0.3s;}
.landscape .iphone_text {width: 100%;
height: 100%;
text-align: center;
position: fixed;
line-height: 020;
left: 0;
top: 0;
color: #fff;
background: #111;
background-size: 100% 100%;z-index: 6;}
@-webkit-keyframes zhuan{
    0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
    50%{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
    100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}